<!DOCTYPE html>
<html style="font-size: 100px">
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <script src="jquery-2.0.3.js"></script>
    <link rel="stylesheet" href="商品列表.css">
    <title>商品列表</title>
</head>
<body>
<div id="wrapper">
    <div class="list">
     <div class="header">
         <div class="left">
             <a href="#">
                 <img src="http://s1.mi.com/m/images/m/icon_back_n.png" class="ib">
             </a>
         </div>
         <div class="tit">
             <h2 data-log="HEAD-标题-商品列表">
                 <span class="title">商品列表</span></h2>
         </div>
         <div class="right">
             <a href="/1/#/search/index" data-stat-id="ed721a2a7476f352" onclick="_msq.push(['trackEvent', '8fb4bea51daee8a5-ed721a2a7476f352', '/1/#/search/index', 'pcpid']);">
                 <div class="img"><img src="image/60.png" alt=""/></div>
             </a>
         </div>
     </div>
        <div class="headerxia">
            <div class="max">
                <img style="width:7.2rem;height:2rem;" src="http://i8.mifile.cn/v1/a1/T1w4JgBsdv1RXrhCrK.jpg" >
            </div>
        </div>
        <ol class="version">
            <li>
                <a href="#">
                    <div class="zuokuai"><img style="width: 1.5rem;height: 1.5rem;" src="http://i8.mifile.cn/v1/a1/T1fiA_BCCv1RXrhCrK.jpg?width=150&amp;height=150">
                    </div>
                    <div class="youkuai">
                        <div class="youkuai-name">
                            <p>小米手机5 标准版 3GB + 32GB / 3D玻璃</p>

                        </div>
                        <div class="kuaiprice">
                            <span>1999元</span>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="zuokuai"><img style="width: 1.5rem;height: 1.5rem;" src="http://i8.mifile.cn/v1/a1/T1fiA_BCCv1RXrhCrK.jpg?width=150&amp;height=150">
                    </div>
                    <div class="youkuai">
                        <div class="youkuai-name">
                            <p>小米手机5 标准版 3GB + 32GB / 3D玻璃</p>

                        </div>
                        <div class="kuaiprice">
                            <span>1999元</span>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="zuokuai"><img style="width: 1.5rem;height: 1.5rem;" src="http://i8.mifile.cn/v1/a1/T1fiA_BCCv1RXrhCrK.jpg?width=150&amp;height=150">
                    </div>
                    <div class="youkuai">
                        <div class="youkuai-name">
                            <p>小米手机5 标准版 3GB + 32GB / 3D玻璃</p>

                        </div>
                        <div class="kuaiprice">
                            <span>1999元</span>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="zuokuai"><img style="width: 1.5rem;height: 1.5rem;" src="http://i8.mifile.cn/v1/a1/T1fiA_BCCv1RXrhCrK.jpg?width=150&amp;height=150">
                    </div>
                    <div class="youkuai">
                        <div class="youkuai-name">
                            <p>小米手机5 标准版 3GB + 32GB / 3D玻璃</p>

                        </div>
                        <div class="kuaiprice">
                            <span>1999元</span>
                        </div>
                    </div>
                </a>
            </li>
        </ol>
        <div class="kong">

        </div>
        <div class="footer">
            <ul>
                <li><a href="/1/#/index">
                    <div class="nav">
                        <div>
                            <div class="ispr"></div>
                            <p>商城</p>
                        </div>
                    </div>
                </a>
                <li><a href="/1/#/index">
                    <div class="nav">
                        <div>
                            <div class="ispr ispr_1"></div>
                            <p style="color: #999;">分类</p>
                        </div>
                    </div>
                </a>
                <li><a href="/1/#/index">
                    <div class="nav">
                        <div>
                            <div class="ispr ispr_2"></div>
                            <p style="color: #999;">购物车</p>
                        </div>
                    </div>
                </a>
                <li><a href="/1/#/index">
                    <div class="nav">
                        <div>
                            <div class="ispr ispr_3"></div>
                            <p style="color: #999;">服务</p>
                        </div>
                    </div>
                </a>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
<script>
    $(function(){
        function fullwidth(){
            if($('body').width() >= 720){
                $('html').css('font-size',100 + 'px');
                return ;
            }
            var scale = $('body').width() / 720;
            $('html').css('font-size',scale * 100 + 'px' );
        }
        fullwidth();
        $(window).resize(function(){
            fullwidth();
        })

    });
</script>